/* js/main.js */
$(document).ready(function() {
    const token = localStorage.getItem('token');
    const userId = localStorage.getItem('user_id');
  
    // 如果 token 存在，显示已登录状态
    if (token && userId) {
      $('.off').removeClass('active');
      $('.on').show();
      // 也可以在这里请求后端 /users/info 来获取 nickname
    } else {
      $('.off').addClass('active');
      $('.on').hide();
    }
  
    // 轮播图 (使用layui carousel)
    function loadCarouselLocal() {
        // 假设项目根目录下有 img 文件夹：img/img1.jpg、img/img2.jpg...
        const images = [
          { name: 'img1.jpg' },
          { name: 'img2.jpg' },
          { name: 'img3.jpg' }
        ];
        renderCarousel(images);
      }
      
  
      function renderCarousel(images) {
        const carouselItem = $('#carousel-item');
        images.forEach(image => {
          // 如果 carousel.html 与 img 文件夹在同级，可以这样：
          const imgPath = `../img/${image.name}`;
          const imgElement = `<div><img src="${imgPath}" alt="${image.name}"></div>`;
          carouselItem.append(imgElement);
        });
      
        // 初始化layui carousel
        layui.use('carousel', function() {
          var carousel = layui.carousel;
          carousel.render({
            elem: '#carousel',
            width: '1200px',
            height: '600px',
            arrow: 'hover',
            anim: 'fade'
          });
        });
      }
      
  
    // 注销
    $('.logout').on('click', function() {
      layui.use('layer', function () {
        var layer = layui.layer;
        layer.confirm('确定要注销登录？', {
          btn: ['确定', '取消']
        }, function() {
          localStorage.removeItem('token');
          localStorage.removeItem('user_id');
          $('.off').addClass('active');
          $('.on').hide();
          layer.msg('注销登录成功');
        }, function() {
          layer.msg('已取消');
        });
      });
    });
  
    // 个人中心按钮
    $('.self').on('click', function() {
      window.location.href = 'self.html';
    });
    loadCarouselLocal();
  });
  